<?php echo View::make('layouts.default.header')->render(); ?>

<!-- <body class="<?php echo(Auth::user()->left_menu);?>">  -->
<body>
	<div id="headerbar">
		<div class="container">
			<div class="row">
				<div class="col-xs-6 col-sm-2 pull-right">
					<a href="<?php echo URL::to('configuracion_usuario');?>" class="shortcut-tiles tiles-midnightblue">
						<div class="tiles-body">
							<div class="pull-left">
								<i class="fa fa-cog"></i>
							</div>
						</div>
						<div class="tiles-footer">
                            <?php echo Lang::get('portada.configuracio_cuenta');?>
                        </div>
					</a>
				</div>
				<?php echo($menu['superior']);	?>
			</div>
		</div>
	</div>

	<?php echo View::make('layouts.default.menu_sup')->render(); ?>

	<div id="page-container">
		<!-- BEGIN SIDEBAR -->
		<nav id="page-leftbar" role="navigation">
			<!-- BEGIN SIDEBAR MENU -->
			<ul class="acc-menu" id="sidebar">
			<!-- 
				<li id="search"><a href="javascript:;"><i class="fa fa-search opacity-control"></i></a>
					<form>
						<input type="text" class="search-query" placeholder="Search...">
						<button type="submit">
							<i class="fa fa-search"></i>
						</button>
					</form></li>
				 -->
            	<?php echo($menu['lateral']); ?>
          		<li class="divider"></li>
            	<?php print_r($menu['lateral_user']);?>

			</ul>
		</nav>

		<!-- BEGIN RIGHTBAR -->
		<div id="page-rightbar">

			<div id="chatarea">
				<div class="chatuser">
					<span class="pull-right">Jane Smith</span> <a id="hidechatbtn"
						class="btn btn-default btn-sm"><i class="fa fa-arrow-left"></i>
						Back</a>
				</div>
				<div class="chathistory">
					<div class="chatmsg">
						<p>Hey! How's it going?</p>
						<span class="timestamp">1:20:42 PM</span>
					</div>
					<div class="chatmsg sent">
						<p>Not bad... i guess.</p>
						<span class="timestamp">1:20:46 PM</span>
					</div>
					<div class="chatmsg">
						<p>Yeah! I've been a bit busy lately.</p>
						<span class="timestamp">1:20:54 PM</span>
					</div>
					<div class="chatmsg sent">
						<p>Alright, take care then.</p>
						<span class="timestamp">1:21:01 PM</span>
					</div>
				</div>
				<div class="chatinput">
					<textarea name="" rows="2"></textarea>
				</div>
			</div>

			<div id="widgetarea">
			
			 <!--  
				<div class="widget">
					<div class="widget-heading">
						<a href="javascript:;" data-toggle="collapse"
							data-target="#accsummary"><h4>Account Summary</h4></a>
					</div>
					<div class="widget-body collapse in" id="accsummary">
						<div class="widget-block"
							style="background: #7ccc2e; margin-top: 10px;">
							<div class="pull-left">
								<small>Current Balance</small>
								<h5>$71,182</h5>
							</div>
							<div class="pull-right">
								<div id="currentbalance"></div>
							</div>
						</div>
						<div class="widget-block" style="background: #595f69;">
							<div class="pull-left">
								<small>Account Type</small>
								<h5>Business Plan A</h5>
							</div>
							<div class="pull-right">
								<small class="text-right">Monthly</small>
								<h5>
									$19<small>.99</small>
								</h5>
							</div>
						</div>
						<span class="more"><a href="#">Upgrade Account</a></span>
					</div>
				</div>
			-->

				<div id="chatbar" class="widget">
					<div class="widget-heading">
						<a href="javascript:;" data-toggle="collapse" data-target="#chatbody">
							<h4> Online Contacts <small>(5)</small> </h4>
						</a>
					</div>
					<div class="widget-body collapse in" id="chatbody">
						<ul class="chat-users">
							
						</ul>
						<span class="more"><a href="#">See all</a></span>
					</div>
				</div>

				<div class="widget">
					<div class="widget-heading">
						<a href="javascript:;" data-toggle="collapse" data-target="#taskbody"><h4>
								Pending Tasks <small>(5)</small>
							</h4></a>
					</div>
					<div class="widget-body collapse in" id="taskbody">
						<div class="contextual-progress" style="margin-top: 10px;">
							<div class="clearfix">
								<div class="progress-title">Backend Development</div>
								<div class="progress-percentage">
									<span class="label label-info">Today</span> 25%
								</div>
							</div>
							<div class="progress">
								<div class="progress-bar progress-bar-info" style="width: 25%"></div>
							</div>
						</div>
						<div class="contextual-progress">
							<div class="clearfix">
								<div class="progress-title">Bug Fix</div>
								<div class="progress-percentage">
									<span class="label label-primary">Tomorrow</span> 17%
								</div>
							</div>
							<div class="progress">
								<div class="progress-bar progress-bar-primary"
									style="width: 17%"></div>
							</div>
						</div>
						<div class="contextual-progress">
							<div class="clearfix">
								<div class="progress-title">Javascript Code</div>
								<div class="progress-percentage">70%</div>
							</div>
							<div class="progress">
								<div class="progress-bar progress-bar-success"
									style="width: 70%"></div>
							</div>
						</div>
						<div class="contextual-progress">
							<div class="clearfix">
								<div class="progress-title">Preparing Documentation</div>
								<div class="progress-percentage">6%</div>
							</div>
							<div class="progress">
								<div class="progress-bar progress-bar-danger" style="width: 6%"></div>
							</div>
						</div>
						<div class="contextual-progress">
							<div class="clearfix">
								<div class="progress-title">App Development</div>
								<div class="progress-percentage">20%</div>
							</div>
							<div class="progress">
								<div class="progress-bar progress-bar-orange" style="width: 20%"></div>
							</div>
						</div>

						<span class="more"><a href="ui-progressbars.htm">View all Pending</a></span>
					</div>
				</div>



				<div class="widget">
					<div class="widget-heading">
						<a href="javascript:;" data-toggle="collapse"
							data-target="#storagespace"><h4>Storage Space</h4></a>
					</div>
					<div class="widget-body collapse in" id="storagespace">
						<div class="clearfix"
							style="margin-bottom: 5px; margin-top: 10px;">
							<div class="progress-title pull-left">1.31 GB of 1.50 GB used</div>
							<div class="progress-percentage pull-right">87.3%</div>
						</div>
						<div class="progress">
							<div class="progress-bar progress-bar-success" style="width: 50%"></div>
							<div class="progress-bar progress-bar-warning" style="width: 25%"></div>
							<div class="progress-bar progress-bar-danger"
								style="width: 12.3%"></div>
						</div>
					</div>
				</div>

				<div class="widget">
					<div class="widget-heading">
						<a href="javascript:;" data-toggle="collapse"
							data-target="#serverstatus"><h4>Server Status</h4></a>
					</div>
					<div class="widget-body collapse in" id="serverstatus">
						<div class="clearfix" style="padding: 10px 24px;">
							<div class="pull-left">
								<div class="easypiechart" id="serverload" data-percent="67">
									<span class="percent"></span>
								</div>
								<label for="serverload">Load</label>
							</div>
							<div class="pull-right">
								<div class="easypiechart" id="ramusage" data-percent="20.6">
									<span class="percent"></span>
								</div>
								<label for="ramusage">RAM: 422MB</label>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<!-- END RIGHTBAR 
		<div id="page-content">
			<div id="wrap">
				<div class="container">
		   			 <?php //echo $content; ?>
				</div>
			</div>
		</div> -->
		<div id="page-content">
			<div id="wrap">
				<?php echo $content; ?>
			</div>
		</div>
		<!-- page-content -->

		<footer role="contentinfo">
			<div class="clearfix">
				<ul class="list-unstyled list-inline pull-left">
					<li>FCF &copy; <?php echo Lang::get('admin.temporada');?></li>
				</ul>
				<button class="pull-right btn btn-inverse-alt btn-xs hidden-print" id="back-to-top">
					<i class="fa fa-arrow-up"></i>
				</button>
			</div>
		</footer>

	</div>
	<!-- page-container -->


</body>
<script>
init_fcf();
</script>



</html>